{% extends "base/base.html" %}
{% block head %}
<script type="text/javascript" src="{{MEDIA_URL}}/js/bootstrap-carousel.js"></script>
<script type="text/javascript">
    $(function(){
        $('.carousel').carousel();
    });
</script>
{% endblock %}

{% block content %}
<div class="carousel" id="dong">
	<div class="carousel-inner">
		<div class="item active">
			<img alt="" src="{{MEDIA_URL}}/image/7.jpg">
			<div class="carousel-caption">
				<h4>再来一张图片</h4>
				<p>产品一</p>
			</div>
		</div>
		<div class="item">
			<img alt="" src="{{MEDIA_URL}}/image/8.jpg">
			<div class="carousel-caption">
				<h4>最后一张图片</h4>
				<p>产品二</p>
			</div>
		</div>
		<div class="item">
            <img alt="" src="{{MEDIA_URL}}/image/9.jpg">
            <div class="carousel-caption">
                <h4>最后一张图片</h4>
                <p>产品三</p>
            </div>
        </div>
	</div>
	<a data-slide="prev" href="#dong" class="left carousel-control">‹</a>
	<a data-slide="next" href="#dong" class="right carousel-control">›</a>
</div>
<div class="blank10"></div>
{% endblock %}
            